$(function() {
	$('#dg').datagrid({
		url : '../../class_queryPaginator.action',
		singleSelect : true,
	    pageSize:3,
	    pageList:[3,10,20,30,40,50],
		columns : [ [ {
			checkbox : true,
			field : 'id ',
			title : 'id',
			width : 100,

		}, {
			field : 'classcode',
			title : '班级号',
			width : 100,
			align : 'center'
		}, {
			field : 'name',
			title : '班级名称',
			width : 100,
			align : 'center'
		}, {
			field : 'createdate',
			title : '创建 日期',
			width : 100,
			align : 'center'
		} ] ],
		toolbar : [ {
			iconCls : 'icon-add',
			text : '增加班级',
			handler : add
		}, {
			iconCls : 'icon-edit',
			text : '修改班级',

			handler : update
		}, {
			iconCls : 'icon-remove',
			text : '删除班级',
			handler : del
		}, {
			iconCls : 'icon-help',
			text : '班级详情',
			handler : details
		} ],
		fitColumns : true,
		pagination : true,
		pageSize : 10,
		fitColumns : true,
		striped : true,
		rownumbers : true
	});
	// 更新班级
	function update() {
		if ($('#upDateClass')[0] == null) {
			$('<div id="upDateClass"></div>').appendTo($('body'));
		}
		var row = $('#dg').datagrid('getSelected');
		if (row == null) {
			parent.$.messager.show({
				title : '提示',
				msg : '你还没有选择任何数据记录'
			});
			return false;
		}
		$('#upDateClass')
				.dialog(
						{
							title : '修改',
							width : 300,
							height : 250,
							resizable : true,
							modal : true,
							href : 'update.jsp',
							cache : false,
							buttons : [
									{
										text : '保存',
										iconCls : 'icon-save',
										handler : function() {
											var class_update = $(
													'#updateClassform')
													.serialize();
											$
													.post(
															'../../class_update.action',
															class_update,
															function(data) {
																if (data.returnmsg == 'success') {
																	alert('更新成功！')
																	$(
																			'#upDateClass')
																			.dialog(
																					'destroy');
																	$('#dg')
																			.datagrid(
																					'reload');
																} else {
																	alert('更新失败！')
																	$(
																			'#upDateClass')
																			.dialog(
																					'destroy');
																}
															});

										}
									},
									{
										text : '取消',
										iconCls : 'icon-undo',
										handler : function() {
											$('#upDateClass').dialog('destroy');
										}
									} ]
						});

	}
	// 删除班级
	function del() {
		var row = $('#dg').datagrid('getSelected');
		if (row == null) {
			parent.$.messager.show({
				title : '提示',
				msg : '你还没有选择任何数据记录'
			});
			return false;
		}
		$.post('../../class_delete.action', {
			id : row.id
		}, function(data) {
			if (data.returnmsg) {
				alert('删除成功');
				$("#dg").datagrid('reload');
			} else {
				alert('删除失败');
			}
		});
	}
	// 添加班级
	function add() {
		if ($('#addClass')[0] == null) {
			$('<div id="addClass"></div>').appendTo($('body'));
		}

		$('#addClass').dialog({
			title : '增加班级',
			width : 300,
			height : 200,
			resizable : true,
			modal : true,
			href : 'addClass.jsp',
			cache : false,
			buttons : [ {
				text : '保存',
				iconCls : 'icon-save',
				handler : function() {
					// form 表单插件
					// submit 提交
					// 如果提交成功，关闭dialog，并且刷新datagrid
					if (!$('#addClassform').form('validate')) {
						return;
					}
					var class_add = $('#addClassform').serialize();

					$.post('../../class_add.action', class_add, function(data) {

						if (data.returnmsg == 'success') {
							alert('新增班级成功！');
							$('#addClass').dialog('destroy');
							$('#dg').datagrid('reload');
						} else {
							$('#addClass').dialog('destroy');
							alert("新增班级失败！");
						}
					});

				}
			}, {
				text : '取消',
				iconCls : 'icon-undo',
				handler : function() {
					$('#addClass').dialog('destroy');
				}
			} ],
		});
	}
})
// 班级详情
function details() {
	var row = $('#dg').datagrid('getSelected');
	if (row == null) {
		parent.$.messager.show({
			title : '提示',
			msg : '你还没有选择任何数据记录'
		});
		return false;
	}
	$('#detailsClass').dialog({
		title : '班级详情',
		width : 600,
		height : 300,
		resizable : true,
		modal : true,
	})
		// 在detailsClass中创建datagrid
	$('#detailsClassdata').datagrid({
		url : '../../class_getUsersByClass.action?id=' + row.id,
		singleSelect : true,
		columns : [ [ {
			field : 'niceName',
			title : '姓名',
			width : 100,
			align : 'center'
		}, {
			field : 'sex',
			title : '性别',
			width : 100,
			align : 'center'
		}, {
			field : 'phone',
			title : '电话号码',
			width : 100,
			align : 'center'
		}, {
			field : 'email',
			title : '邮箱',
			width : 100,
			align : 'center'
		}, {
			field : 'birth',
			title : '生日',
			width : 100,
			align : 'center'
		} ] ]

	})
}
// 回调函数
function back(data) {

	

}
